body {
	background:#0078AC url('../images/bg.jpg') repeat-x;
}
.wrapper {
	width:900px;
	margin:0 auto;
}
.clear {
	clear:both;
	fone-size:0;
}
.title {
	height:20px;
	padding-top:10px;
	margin:0 1px;
	font-size:15px;
	font-weight:bold;
	color:#FFF;
	padding-left:45px;
	background:url('../images/title_bg_2.jpg') repeat-x;
	position:relative;
}
.title img {
	position:absolute;
	top:0;
	left:0;
}
.mask {
	position:absolute;
	top:0;
	left:0;
	background:#999;
	opacity:0.3;
	filter:alpha(opacity=30);
}
#header .logo {
	padding:10px 20px;
	background: #333;
}
#header .nav {
	height:43px;
	line-height:43px;
	text-align:center;
	padding:0 2px;
	background:url('../images/nav_bg_1.jpg') repeat-x;
}
#header .nav li {
	width:128px;
	float:left;
}
#header .nav li a {
	display:block;
	width:97px;
	height:43px;
	margin:0 auto;
	font-size:14px;
	font-family:'微软雅黑';
	font-weight:bold;
	text-decoration:none;
	color:#FFF;
}
#header .nav li a:hover {
	background:url('../images/nav_bg_2.jpg') no-repeat;
}

#container {
	background:#FFF;
	overflow:hidden;
}
#container .sidebar {
	width:213px;
	margin-bottom:2px;
	float:left;
}
#container .sidebar .category li {
	width:213px;
	height:45px;
	background:url('../images/cate_bg.jpg') no-repeat;
}
#container .sidebar .category li a {
	display:block;
	width:213px;
	height:45px;
	line-height:45px;
	text-indent:60px;
	font-size:13px;
	font-family:'微软雅黑';
	font-weight:bold;
	text-decoration:none;
	color:#FFF;
}
#container .sidebar .category li a:hover{
	color:#FF6600;
}
#container .sidebar .info {
	margin:2px 0;
	color:#FFF;
	font-family:'宋体';
	background:#4F907A;
}
#container .sidebar .info h4 {
	width:165px;
	height:33px;
	line-height:33px;
	padding-left:48px;
	border-top:2px solid #4F907A;
	font-size:14px;
	background:#346454 url('../images/icon_1.jpg') no-repeat 10px 2px;
}
#container .sidebar .info ul {
	padding:10px 10px 10px 15px;
}
#container .sidebar .info li {
	line-height:25px;
	overflow:hidden;
}
#container .sidebar .info li span {
	float:left;
	word-break:break-all;
}
#container .sidebar .info li span.br {
	width:128px;
}

#container .main {
	width:685px;
	margin-bottom:5px;
	float:right;
}
#container .main .intro {
	padding:5px 18px 10px;
	margin:10px 1px 10px;
	border:1px solid #DDD;
	overflow:hidden;
}
#container .main .intro img {
	float:left;
	margin-right:10px;
}
#container .main .intro p {
	font-size:13px;
	text-indent:25px;
	line-height:20px;
}
#container .main .products {
	padding:5px 6px;
	margin:8px 1px 0;
	overflow:hidden;
}
#container .main .products .product {
	width:155px;
	height:150px;
	margin:6px 5px 0;
	text-align:center;
	overflow:hidden;
	float:left;
	cursor:pointer;
	position:relative;
}
#container .main .products .product .pic {
	height:130px;
	border:1px solid #DDD;
}
#container .main .products .product .price {
	margin-top:5px;
}
#container .main .area {
	padding:20px 0 0;
	text-align:center;
}
#container .main .contact {
	padding:40px 30px 20px;
	overflow:hidden;
}
#container .main .contact ul {
	float:left;
}
#container .main .contact ul li {
	line-height:25px;
	font-size:13px;
}
#container .main .contact .pic {
	float:right;
}
#container .main .details .base, 
#container .main .details .cont {
	margin:10px 0;
	padding:0 10px;
	overflow:hidden;
}
#container .main .details .base .pic {
	width:320px;
	float:left;
}
#container .main .details .base .pic img {
	width:100%;
	height:auto;
}
#container .main .details .base ul {
	padding:20px 0;
	margin-left:20px;
	float:left;
}
#container .main .details .base ul li {
	height:30px;
	line-height:30px;
	vertical-align:bottom;
}

#footer {
	height:45px;
	text-align:center;
	line-height:45px;
	color:#FFF;
	background:#417664;
}